<template>
  <div>
    <div class="PCMAPage">
      <!-- 轮播 -->
      <div class="banner">
        <div class="swiper_con">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div
                class="swiper-slide"
                :title="image.title"
                v-for="(image, index) in imageData"
                :key="index"
              >
                <div class="swiper-image">
                  <img :src="image.imgUrl" alt="" />
                </div>
              </div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>

      <div class="heart_w">
        <!-- 发展前景 -->
        <div class="prospect">
          <div class="box_title">PCMA是什么？发展前景怎么样？</div>
          <div class="pro_box">
            <div class="left">
              <h5>PCMA—管理会计师</h5>
              <p>
                管理会计师（MAT）：由“中国总会计师协会”官方颁发，
                中国财经领域唯一的管理会计人才铂金级证书；不同于
                传统的财务会计，目的使财务人具备管理思维，通过财
                务人的预算测算、内部控制、决策支持、风险管理、成
                本分析等为企业决策提供依据和方案，提高财务人员的 行业竞争力。
              </p>
              <a href="/pcma/list/143.html" target="_blank">点击了解更多</a>
            </div>
            <div class="right">
              <div class="item">
                <h5>大缺口：</h5>
                <p>
                  中国目前2000万财务工作者，其中95%是财务会计，未来十年管理会计是中国的
                  “蓝海”，缺口300万，而财务会计将削减2/3，大量财务人员面临转型或失业。
                </p>
              </div>
              <div class="item">
                <h5>强影响力：</h5>
                <p>
                  「学习强国」平台，是贯彻落实中央关于加强学习、建设学习大国重要指示精神的
                  重要平台，管理会计师PCMA系列课程已成功入驻。
                </p>
              </div>
              <div class="item">
                <h5>新趋势：</h5>
                <p>
                  利润和现金流是企业发展的生命线，而管理会计紧跟当前热点趋势，是未来企业家
                  转战商场的智囊与伙伴。
                </p>
              </div>
            </div>
          </div>
        </div>

        <!-- 为什么学习 -->
        <div class="why_study">
          <div class="box_title">为什么要学习管理会计师</div>
          <div class="little_title">
            <div class="line">01</div>
            <h5>社会趋势强力支持</h5>
          </div>

          <div class="item_box">
            <div class="item">
              <div class="top">
                <img src="@/assets/images/pcma/zc_1.png" alt="" />
                <div class="red">国家大力倡导</div>
              </div>
              <div class="bottom">
                根据2016年国家红头文件，财政 部印发《管理会计基本指引》促
                进经济转型，2017年，会计从业 资格证取消，财政部大力推广管
                理会计，全面培养300万高精专管 理会计人才。
              </div>
            </div>
          </div>

          <div class="little_title">
            <div class="line">01</div>
            <h5>高薪职位任意选择</h5>
          </div>

          <div class="position_box">
            <div class="top">
              <div class="t_left">
                <img src="@/assets/images/pcma/xzzc.png" alt="" />
                <div class="salary">
                  <h5>50-100k</h5>
                  <p>行政总裁</p>
                </div>
              </div>
              <div class="t_right">
                <div class="item_s">
                  <img src="@/assets/images/pcma/swjl.png" alt="" />
                  <div class="salary">
                    <h5>15-25k</h5>
                    <p>税务经理</p>
                  </div>
                </div>
                <div class="item_s">
                  <img src="@/assets/images/pcma/xmjl.png" alt="" />
                  <div class="salary">
                    <h5>15-20k</h5>
                    <p>项目经理</p>
                  </div>
                </div>

                <div class="item_l">
                  <img src="@/assets/images/pcma/rzjl.png" alt="" />
                  <div class="salary">
                    <h5>20-30k</h5>
                    <p>融资经理</p>
                  </div>
                </div>
                <div class="item_l">
                  <img src="@/assets/images/pcma/cwjl.png" alt="" />
                  <div class="salary">
                    <h5>20-30k</h5>
                    <p>财务经理</p>
                  </div>
                </div>
                <div class="item_s">
                  <img src="@/assets/images/pcma/tzfxs.png" alt="" />
                  <div class="salary">
                    <h5>15-20k</h5>
                    <p>投资分析师</p>
                  </div>
                </div>
                <div class="item_s">
                  <img src="@/assets/images/pcma/zcn.png" alt="" />
                  <div class="salary">
                    <h5>10-15k</h5>
                    <p>总出纳</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="btm">
              <div class="item_m">
                <img src="@/assets/images/pcma/ceo.png" alt="" />
                <div class="salary">
                  <h5>50-100k</h5>
                  <p>首席执行官</p>
                </div>
              </div>
              <div class="item_m">
                <img src="@/assets/images/pcma/cwjl.png" alt="" />
                <div class="salary">
                  <h5>10-15k</h5>
                  <p>财务经理</p>
                </div>
              </div>
              <div class="item_m">
                <img src="@/assets/images/pcma/zjglzj.png" alt="" />
                <div class="salary">
                  <h5>20-30K</h5>
                  <p>资金管理总监</p>
                </div>
              </div>
              <div class="item_m">
                <img src="@/assets/images/pcma/sjxmzj.png" alt="" />
                <div class="salary">
                  <h5>15-20K</h5>
                  <p>审计项目经理</p>
                </div>
              </div>
              <div class="item_m">
                <img src="@/assets/images/pcma/cwjs.png" alt="" />
                <div class="salary">
                  <h5>20-40K</h5>
                  <p>财务结算高级经理</p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- 坚实后盾 -->
        <div class="backing">
          <div class="box_title">
            学PCMA<span style="color: #e14946">融跃</span>做您坚实后盾
          </div>
          <div class="little_title">
            <div class="line">01</div>
            <h5>权威机构授权培训</h5>
          </div>
          <div class="certificate_box">
            <div class="item">
              <img src="@/assets/images/pcma/zs_1.png" alt="" />
              <p>中总协授权培训机构</p>
            </div>
            <div class="item">
              <img src="@/assets/images/pcma/zs_2.png" alt="" />
              <p>全套教学 助力考生通关，提高备考效率</p>
            </div>
          </div>
          <div class="little_title">
            <div class="line">02</div>
            <h5>4大特色优势 助力轻松通关</h5>
          </div>

          <div class="large">
            <div class="advantage">
              <div class="adv_box">
                <div class="item move1">
                  <img src="@/assets/images/pcma/zone.png" alt="" />
                  <h5>零基础入学</h5>
                  <p>
                    真正的零基础入门，渐进式学习，避免小白学员“从入门到放弃”的尴尬
                  </p>
                </div>
                <div class="item move2">
                  <img src="@/assets/images/pcma/ka.png" alt="" />
                  <h5>大咖授课</h5>
                  <p>
                    具有多年丰富实战经验的金融大咖亲身传授，言传身教，快速吸收行业工作经验
                  </p>
                </div>
                <div class="item move3">
                  <img src="@/assets/images/pcma/sw.png" alt="" />
                  <h5>全程陪伴</h5>
                  <p>
                    从0基础入门开始，全程陪伴，培养解题思路，快速掌握解题方法
                  </p>
                </div>
              </div>
              <div class="center">
                <img src="@/assets/images/pcma/round_dot.png" alt="" />
              </div>
              <div class="adv_box right">
                <div class="item move4">
                  <img src="@/assets/images/pcma/al.png" alt="" />
                  <h5>案例实讲</h5>
                  <p>精选足量真题讲解，覆盖必考知识点，考前快速提分</p>
                </div>
                <div class="item move5">
                  <img src="@/assets/images/pcma/xt.png" alt="" />
                  <h5>海量习题</h5>
                  <p>丰富的课后习题，短时间内巩固强化您所学的知识点</p>
                </div>
                <div class="item move6">
                  <img src="@/assets/images/pcma/sz.png" alt="" />
                  <h5>强调实战</h5>
                  <p>精选足量真题练习，覆盖必考知识点，助力考前快速提分</p>
                </div>
              </div>
            </div>
          </div>

          <div class="little_title">
            <div class="line">03</div>
            <h5>量身打造专属课程 轻松斩获PCMA</h5>
          </div>

          <div class="table_t">
            <img src="@/assets/images/pcma/table_title.png" alt="" />
            <div class="table_box">
              <div class="tit">
                0基础<br />
                通关班<br />
                <a
                  href="/combo/order/combo_detail/coid/951"
                  class="to_info"
                  target="_blank"
                >
                  查看详情
                </a>
              </div>
              <div class="th th1">
                <h5>管理会计概论</h5>
                <h5>（6课时）</h5>
              </div>
              <div class="th th2">
                <h5>预算实务 预算实操</h5>
                <h5>（19课时）</h5>
              </div>
              <div class="th th3">
                <h5>成本管理 成本实操</h5>
                <h5>（30课时）</h5>
              </div>
              <div class="th th4">
                <h5>管理会计职业道德</h5>
                <h5>（3课时）</h5>
              </div>
              <div class="ds ds1">
                涵盖管理会计基本概念、 工具、方法，管理会计 创新理念，中国管理会
                计能力体系与西方管理 会计体系的差异
              </div>
              <div class="ds ds2">
                涵盖预算基本知识、年 度预算编制与执行、预 算制度设计与实施及其
                与战略联系的各方面知 识点，包括程序性、实 施指南、预算编制及预
                算执行和调整等内容， 内容重点是全面预算的 作用和编制实务
              </div>
              <div class="ds ds3">
                涵盖标准成本系统的应 用基本知识，成本管理 责任体系的建立，成本
                控制方法和价值工程的 基本知识，介绍作业成 本法的基本思想和应用
                思路，内容重点是产品 与交付性成本的体系化 管理方法
              </div>
              <div class="ds ds4">职业道德相关内容</div>
              <div class="btn">
                <p>￥1860</p>
                <a
                  class="online_talk zxzx sortmodule contact_kefu"
                  rel="nofollow"
                >
                  立即报名
                </a>
              </div>
            </div>
          </div>

          <div class="little_title">
            <div class="line">04</div>
            <h5>业内实战讲师，助力“C位”出道</h5>
          </div>

          <div class="lecturer">
            <div class="tea_box">
              <div class="item">
                <div class="intd">
                  <div class="avatar">
                    <img src="@/assets/images/pcma/t1.png" alt="" />
                  </div>
                  <div class="name">
                    <h5>黄静</h5>
                    <p>管理会计师(PCMA)</p>
                    <p>高校讲师</p>
                    <p>经济学硕士</p>
                    <p>15年授课经验</p>
                    <a
                      class="online_talk zxzx sortmodule contact_kefu"
                      rel="nofollow"
                    >
                      在线咨询
                    </a>
                  </div>
                </div>
                <div class="info">
                  教学深入浅出，讲授课程不脱离学员的实际情况，站在学员的角度讲授重难点。在学习方法上有独到之处，并将此经验运用在授课中。条理清晰，思路清楚，重点突出，熟悉试题应答技巧。
                </div>
              </div>
              <div class="item">
                <div class="intd">
                  <div class="avatar">
                    <img src="@/assets/images/pcma/t2.png" alt="" />
                  </div>
                  <div class="name">
                    <h5>张宇</h5>
                    <p>管理会计师(PCMA)</p>
                    <p>管理会计资深讲师</p>
                    <p>国际工商管理硕士(MBA)</p>
                    <p>央企国资委集训班授课讲师</p>
                    <a
                      class="online_talk zxzx sortmodule contact_kefu"
                      rel="nofollow"
                      >在线咨询</a
                    >
                  </div>
                </div>
                <div class="info">
                  擅长将管理会计知识体系融会贯通，拥有深厚的理论素养和独到的见解；讲解思路清晰，语言简洁风趣，大量引用鲜活的案例解释知识点；并且在企业经营方面有深厚的实战经验，能够将理论与实践紧密结合，真正帮助学员提升能力。
                </div>
              </div>
            </div>
            <div class="tea_list">
              <div class="item">
                <div class="name">吕长江 教授</div>
                <div class="tea_intd">
                  <h5>吕长江 教授</h5>
                  <p>
                    复旦大学管理学院副院长，博士生导师，富布赖特研究学者，财政部会计准则咨询委员会专家组成员，初级管理会计师教材作者之一；
                  </p>
                </div>
              </div>
              <div class="item item2">
                <div class="name">潘飞 教授</div>
                <div class="tea_intd">
                  <h5>潘飞 教授</h5>
                  <p>
                    原上海财经大学会计学院院长，博士生导师，享受国务院特殊津贴专家，财政部“中国管理会计咨询专家”，初级管理会计师教材作者之一；
                  </p>
                </div>
              </div>
              <div class="item item3">
                <div class="name">汤云为 教授</div>
                <div class="tea_intd">
                  <h5>汤云为 教授</h5>
                  <p>
                    前上海财经大学校长，曾任中国会计教授会会长、中国审计学会副会长、上海市会计学会会长、上海证券交易所专家委员会委员。
                  </p>
                </div>
              </div>
              <div class="item item4">
                <div class="name">王红新 教授</div>
                <div class="tea_intd">
                  <h5>王红新 教授</h5>
                  <p>
                    上海交通大学海外教育学院创始院长、上海管会教育董事长，上海新沪商联合会轮值主席；
                  </p>
                </div>
              </div>
              <div class="item item5">
                <div class="name">吴骏 教授</div>
                <div class="tea_intd">
                  <h5>吴骏 教授</h5>
                  <p>
                    上海管会教育培训有限公司CEO，董事总经理，中国总会计师协会管理会计师能力认证初级项目管理办公室主任、新沪商联合会交大海外执行会长、上海企业家协会常任理事
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- 考生必备 -->
        <div class="test_ready">
          <div class="box_title">考生必备</div>
          <div class="box_title" style="margin: 20px 0 62px">
            2024管理会计师PCMA考试备考攻略
          </div>
          <div class="list">
            <div class="item">
              <img src="@/assets/images/pcma/bktj.png" alt="" />
              <h5>报考条件</h5>
              <p>2024年报考条件已公布</p>
              <a
                class="online_talk zxzx sortmodule"
                href="https://www.rongyuejiaoyu.com/pcma/article/34774.html"
              >
                点击查询
              </a>
            </div>
            <div class="item">
              <img src="@/assets/images/pcma/bksj.png" alt="" />
              <h5>报考时间</h5>
              <p>2024年报考时间已公布</p>
              <a
                class="online_talk zxzx sortmodule"
                href="https://www.rongyuejiaoyu.com/pcma/article/34764.html"
              >
                点击查询
              </a>
            </div>
            <div class="item">
              <img src="@/assets/images/pcma/zxrk.png" alt="" />
              <h5>咨询入口</h5>
              <p>2024报名咨询入口已开通</p>
              <a
                class="online_talk zxzx sortmodule contact_kefu"
                href="javascript:void(0)"
                rel="nofollow"
              >
                点击查询
              </a>
            </div>
            <div class="item">
              <img src="@/assets/images/pcma/kssj.png" alt="" />
              <h5>考试时间</h5>
              <p>具体考试时间已出</p>
              <a
                class="online_talk zxzx sortmodule"
                href="https://www.rongyuejiaoyu.com/pcma/article/34764.html"
              >
                点击查询
              </a>
            </div>
            <div class="item">
              <img src="@/assets/images/pcma/pdf.png" alt="" />
              <h5>考试教材</h5>
              <p>2024最新考试教材pdf下载</p>
              <a
                class="online_talk zxzx sortmodule contact_kefu"
                href="javascript:void(0)"
                rel="nofollow"
              >
                点击查询
              </a>
            </div>
          </div>
          <a
            class="more online_talk zxzx sortmodule"
            href="/pcma/list/142.html"
            target="_blank"
          >
            点击了解更多
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PCMAPage',
  data() {
    return {
      imageData: [
        {
          title: '123123img',
          imgUrl: require('@/assets/images/swiper_t.jpg')
        },
        {
          title: '123123img',
          imgUrl: require('@/assets/images/img_s.jpg')
        },
        {
          title: '123image',
          imgUrl: require('@/assets/images/CPA.jpg')
        },
        {
          title: '123image',
          imgUrl: require('@/assets/images/cfaSwipet.jpg')
        }
      ]
    }
  },
  created() {},
  mounted() {
    this.init_t()
    $('.tea_list .item').mouseenter(function () {
      $(this).children('.name').hide(300)
      $(this).children('.tea_intd').show(300)
    })
    $('.tea_list .item').mouseleave(function () {
      $(this).children('.name').show(300)
      $(this).children('.tea_intd').hide(300)
    })
  },
  methods: {
    init_t() {
      const mySwiper_t = new this.$swiper('.banner .swiper-container', {
        direction: 'horizontal', // 水平切换选项
        loop: true, // 循环模式选项
        autoplay: true, //自动切换
        effect: 'slide', // 切换效果
        pagination: {
          el: '.banner .swiper-pagination',
          clickable: true
        },
        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        }
      })
      // 鼠标移入停止自动播放
      mySwiper_t.el.onmouseover = function () {
        mySwiper_t.autoplay.stop()
      }
      mySwiper_t.el.onmouseout = function () {
        mySwiper_t.autoplay.start()
      }
    }
  }
}
</script>

<style lang="scss">
body,
html,
#app {
  background-color: #fff;
}
</style>

<style scoped lang="scss">
@import '@/assets/styles/PCMAPage.scss';
</style>
